@import 'antd/es/style/themes/default.less';
.container {
  flex: 1;
  background-color: #fff;
  &::after {
    display: block;
    clear: both;

    content: '';
  }
}
.title-line {
  font-size: @heading-4-size;
  
  line-height: 80px;

  height: 80px;
  padding: 0 24px;

  color: @heading-color;
  border-bottom: 1px solid @border-color-split;
}
.type-container {
  height: 48px;
  margin-top: 10px;
  padding: 0 24px;

  border-bottom: 1px solid @border-color-split;
  > .type-btn {
    font-size: 14px;
    line-height: 48px;

    position: relative;

    display: inline-block;

    height: 48px;
    margin-right: 8px;
    padding: 0 16px;

    cursor: pointer;
    user-select: none;
    &.active,
    &:hover {
      color: @primary-color;
      &::after {
        position: absolute;
        bottom: 0;
        left: 0;

        width: 100%;
        height: 2px;

        content: '';

        background-color: @primary-color;
      }
    }
  }
}
.search-container {
  padding: 24px;
  .search-form {
    padding: 24px 24px 0 24px;

    border: 1px solid @border-color-split;
    background-color: @grey-1;
    .search-btns {
      display: inline-block;

      width: 100%;

      text-align: right;
      button {
        margin-left: 8px;
        &:last-child {
          // padding-right: 0;
          // padding-left: 0;
          color: @primary-color;
        }
      }
    }
  }
}

.table-btns-line {
  padding: 0 24px 24px 24px;
  &::after {
    display: block;
    clear: both;

    content: '';
  }
  .table-total {
    font-size: @font-size-lg;
    
    line-height: 32px;

    color: @heading-color;
  }
  .table-left-btns {
    display: inline-block;
    button {
      margin-right: 8px;
      &:last-child {
        border-color: @vice-6;
        background-color: @vice-6;
      }
    }
  }
  .table-tabs-container {
    float: right;
  }
}

.table-container {
  padding: 0 24px 24px 24px;
}

.operate-cell {
  cursor: pointer;
  -webkit-user-select: none;

  color: @link-color;
  span {
    display: inline-block;

    margin-right: 8px;

    white-space: nowrap;
    &:last-child {
      margin: 0;
    }
    &.operate-del {
      color: @text-color;
    }
  }
}

.operate-btn {
  display: inline-block;

  cursor: pointer;
  -webkit-user-select: none;
  white-space: nowrap;

  color: @link-color;
  .operate-del {
    color: @text-color;
  }
}

.full {
  width: 100%;
}

.detail-area {
  button {
    padding-right: 0;
    padding-left: 0;
  }
}

.right-line {
  width: 100%;

  text-align: right;
}

.link-btn {
  cursor: pointer;
  user-select: none;

  color: @link-color;
}

.series {
  display: inline-block;

  color: @primary-color;
}

.delay {
  display: inline-block;

  color: @error-color;
}

.download-btn-line {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;

  padding: 0 24px 12px 24px;
}
